@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body,samp,span,em,i{ font-family:Arial, "微软雅黑";}
i,em{ font-style:normal;}
body{color:#555; font-size:14px;}
ul, ol ,li{ list-style:none;}
img{border:0; vertical-align:top;}
input,button,textarea,select{color:#777; font-size:15px; vertical-align:middle;}
input:focus,textarea{outline:none;}
a{ color:#555; text-decoration:none;}
.w1300{max-width:1300px;margin:auto;width:96%;}

/*logo*/
.logo{height:110px;max-width:1300px;margin:auto;width:96%;z-index:999;}
.logo-a{width:400px;float:left;margin-top:28px;font-size:0;}
.logo-a a{display:block;}
.logo-a p{display:inline-block; vertical-align:middle;font-size:24px}
.logo-a h2{display:none;}
.logo-a p:last-child{margin-left:20px;color:#0367bc;}
.logo-a p span{display:block;font-size:12px;color:#484848;margin-top: 5px;font-weight: normal;}
.logo-b{width:calc(86% - 480px);float:right;}
.logo-c{float:right;margin-top: 38px;}
.logo-ca{float:right;width:80px;text-align:right;font-weight:bold;margin-top: 6px;}
.logo-ca span{display:inline-block; vertical-align:middle;}
.logo-ca a{display:inline-block; vertical-align:middle;}
.logo-b ul>li{float:left;width:20%;text-align:center;position:relative;padding:44px 0;}
.logo-b ul>li a{display:block;}
.logo-b ul>li>p{font-size:16px;}
.logo-b i{display:block;width:50px;position:absolute;top:0;right:0;text-align:center;font-size:20px;line-height:40px;display:none;}
.logo-b li dl{position:absolute;top:100%;right:0;width:100%;line-height:44px;z-index:999;background:#0367bc;display:none;}
.logo-b li dl a{display:block;color:#fff;}
.logo-b li dl dd{position:relative;}
.logo-b li dl dd ol{position:absolute;top:0;left:100%;width:100%;background:#0670ca;display:none;}
.logo-b li.loaa>p a{color:#0367bc;}
.logo-b li.loaa dl{display:block;background:#0367bc;}


@media screen and (min-width:980px){
.logo-b li dd:hover{background:#fff;}
.logo-b li dd:hover p>a{color:#0367bc;}
.logo-b li dd:hover ol{display:block;}
.logo-b li ol li:hover{background:#fff;}
.logo-b li ol li:hover a{color:#0367bc;}
}
.zhz{width:50px;height:50px;overflow:hidden;display:none;float:right;position:relative;margin-top: 9px;}
.zhz samp{position:absolute;left:26%;background:#2f2f2f;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*标题*/
.txx{text-align:center;font-size: 34px;font-weight: 500;color:#0367bc;position:relative;padding-bottom:15px;}
.txx:after{ content:'';width:50px;height:2px;background:#0367bc;position:absolute;top:100%;left:50%;transform:translateX(-50%);}
.txx samp{color:#333333;}
.taa{text-align:center;font-size:0px;margin:20px auto 50px;}
.taa p{font-size:15px;display:inline-block; vertical-align:middle;padding:0 10px;color:#353535;}
.taa span{display:inline-block;width:50px;height:1px;background:#ccc; vertical-align:middle;}

/*产品*/
.cptxt{text-align:center;font-size:0;}
.cptxt li{display:inline-block; vertical-align:middle;font-size:16px;margin:40px 5px 50px;position:relative;line-height:46px;padding:0 20px;border:1px solid #ccce; cursor:pointer;}
.cptxt li.axt{background:#0367bc;color:#fff;}
.cptxt li.axt:after{display:none;}
.cptxt li.axt a{color:#fff;}

/**/
.cpimg{overflow:hidden;margin-bottom:70px;}
.cpimg ul{margin-right:-2%;}
.cpimg li{text-align:center;line-height:60px;border:1px solid #e6e6e6;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cpimg li img{width:100%;}
.cpimg li a{display:block;}
.cpimg li:hover{background:#f5f5f5;border:1px solid #eee;}

/*应用领域*/
.yin{margin:40px auto 0;position:relative;}
.yi{position:absolute;top:0;left:0;width:100%;height: 100%;}
.yia{position:relative;z-index:2;height: 100%;}
.yiaa{width:340px;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.yiaa li{overflow:hidden;line-height:80px;box-sizing:border-box;padding-left:30px;background:rgb(255 255 255 / 85%);margin-bottom:1px;}
.yiaa li p{background-image:url(../images/di8.png); background-repeat:no-repeat;width:43px;height:43px;display:inline-block; vertical-align:middle;margin-right:20px;}
.yiaa li:nth-child(1) p{background-position:0 0;}
.yiaa li:nth-child(2) p{background-position:-43px 0;}
.yiaa li:nth-child(3) p{background-position:-86px 0;}
.yiaa li:nth-child(4) p{background-position:-129px 0;}
.yiaa li:nth-child(5) p{background-position:-172px 0;}
.yiaa li:nth-child(6) p{background-position:-215px 0;}
.yiaa span{display:inline-block; vertical-align:middle;font-size:18px;}
.yiaa li.sit{background:#0367bc;}
.yiaa li.sit span{color:#fff;}
.yiaa li:nth-child(1).sit p{background-position:0 -43px;}
.yiaa li:nth-child(2).sit p{background-position:-43px -43px;}
.yiaa li:nth-child(3).sit p{background-position:-86px -43px;}
.yiaa li:nth-child(4).sit p{background-position:-129px -43px;}
.yiaa li:nth-child(5).sit p{background-position:-172px -43px;}
.yiaa li:nth-child(6).sit p{background-position:-215px -43px;}
.yib{width:100%;position:relative;}
.yib img{width:100%;display: inline-block;}

/*关于我们*/
#about{overflow:hidden;position:relative;padding:70px 0 80px;background:url(../images/di6.jpg) top center no-repeat;margin-bottom:50px}
.abob{overflow:hidden;position:relative;box-sizing:border-box;background:#fff;margin:40px auto 0;max-width:1300px;width:98%;}
.aboux{width:54%;float:right;padding:50px 70px 0px 50px;}
.abob-b{width:46%;float:left;box-sizing:border-box;border:3px solid #eee;}
.abob-b img{width:100%;}
.abob-a{}
.abob-a h5{font-size:24px;color:#333333;margin-bottom:10px;font-weight: 500;}
.abob-a h6{width:60px;height:2px;background:#333;margin-bottom:30px;}
.abob-a p{color:#4c4c4c;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;font-size:15px;}
.abob-a a{display:inline-block;color:#0367bc;}
.abt{text-align:center;font-size:0;margin-top:40px;}
.abt li{display:inline-block; vertical-align:top;font-size:14px;line-height:40px;width:25%;}
.abt li:hover a{color:#0367bc;}

/*cp*/
#pro{margin-bottom:40px;}
.pro{overflow:hidden;padding:50px 0 20px; }
.pro li{width:23.8%;float:left;margin-right:1.6%;background:#fff;box-sizing:border-box;transition:all 0.3s;margin-bottom:30px;}
.pin{position:relative;}
.pro li .p{margin-top:10px;}
.pro li img{ transition:all 0.3s;}
.pro li:nth-child(4n){margin-right:0;}
.pro li .pimg{overflow:hidden;}
.pro li .pud{position:absolute;top:0;left:0;width:100%;height:100%;background:#0367bc; opacity:0;z-index:1; transition:all 0.3s;}
.pro li .put{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-align:center;display:table; opacity:0;transition:all 0.3s;}
.pro li .put p{overflow:hidden;font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:table-cell; vertical-align:middle;color:#fff;}
.pro li div img{width:100%;}
.pro li:hover .pud{opacity:0.7;}
.pro li:hover .put{ opacity:1;}
.pro li:hover img{ transform:scale(1.2);}


/*新闻*/
.news{background:#f8f8f8;padding:60px 0 70px}
.ne{overflow:hidden;}
.ne img{ transition:all 0.3s;}
.new .item{box-sizing:border-box;border:1px solid #fff;padding-bottom:20px;}
.item:Hover .ne img{ transform:scale(1.2);}
.nea{margin-top:37px;box-sizing:border-box; transition:all 0.3s;}
.nea samp{display: block;color: #999;font-size: 14px;}
.nea p{font-size:16px;color:#333333;margin:10px auto 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nea span{display:block;font-size:14px;color:#666666;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new .item:Hover .nea{padding:0 0px 0 10px}
.new .item:Hover .nea p{color:#006ac6;}
.new .item:Hover span{color:#006ac6;}
.new .item:Hover{border:1px solid #eee;}

/*底部links*/
#blinks{}
.blinks{font-size:0;padding:25px 0;border-bottom:1px solid #424a54;}
.blinks p{font-size:14px;display:inline-block;margin-right:10px;color:#9a9a9a; vertical-align:middle;}
.blinks a{display:inline-block; margin:0 15px;font-size:14px; vertical-align:middle;color:#9a9a9a;}

.bottom{background:#283443;}
.boxu{padding-top:50px;}
.box{overflow:hidden;position:relative;border-bottom:1px solid #424a54;padding-bottom:20px;}

.box-a{width:45%;float:left;overflow:hidden;padding-bottom: 60px;}
.box-b{width:11%;float:left;font-size:12px;color:#9a9a9a;text-align:center;margin-top: 16px;}
.box-c{width:42%;float:left;}
.box-a li:nth-child(1){width:28%;float:left;margin-right:2%;}
.box-a li:nth-child(2){width:33%;float:left;margin-right:2%;}
.box-a li:nth-child(3){width:26%;float:left;}
.box-a li h4{font-size:18px;color:#fff;margin-bottom:20px;font-weight: normal;}
.box-a li p a{color:#939393;font-size:14px;line-height:28px;display:block;}
.box-b p{margin-top:20px;}
.box-b img{max-width:100%;}

.bou-x{font-size: 18px;color: #fff;margin-bottom: 20px;}
.bou-a{display:inline-block; vertical-align:middle;}
.bou-b{display:inline-block; vertical-align:middle;color:#9a9a9a;font-size:14px;}
.bou-b p{font-size:24px;color:#fff;}
.bou-c{font-size:14px;color:#9a9a9a;margin-top:20px;line-height:24px;}
.boj{text-align:center;font-size:14px;padding:20px 0;color:#9a9a9a;}


@media screen and (max-width:1200px){
.logo-b{width: calc(70% - 180px);margin-right:0;}
.logo-ca{width: 57px;}
.ys li:nth-child(2){margin-top: 90px;}
.ys li:nth-child(4){margin-top:90px;}
.ys li:nth-child(1){margin-top:200px;}
.ys li:nth-child(5){margin-top:200px;}
.ys-c img{width:300px;}
.sy{margin: 112px auto 60px;}
.news-a-a img{transform: translateY(-8%);}
.aboux{padding: 10px 50px 0px 30px;}
.cptxt li{font-size: 14px;padding: 0 10px;}
#banner{margin-bottom: 40px;}
.txx{font-size:28px;}
}

@media screen and (max-width:980px){
#top{display:none;}
.logo{width:100%;}
.logo-a{margin-left: 10px;margin-top: 12px;}
.logo-a img{width:120px;}
.logo{height:70px;position:relative;}
.logo-b{width:100%;padding:0;position:absolute;top:100%;left:0;width:100%;background:#f1f1f1;display:none;z-index:999;}
.logo-b li dl a{color:inherit}
.logo-c{width: 34%;margin-top: 20px;margin-right: 20px;}
.logo-cb{border: 1px solid #e4e4e4;}
.zhz{display:block;}
.logo-b ul>li{width:100%;float:left;text-align:left;border-bottom:1px dashed #fff;padding:0;}
.logo-b li>p{box-sizing:border-box;padding-left:30px;line-height:40px;width:calc(100% - 50px);}
.logo-b li dl{position:static;background:#fff;}
.logo-b li dl dd{border-bottom:1px dashed #eee;}
.logo-b li dl dd p{box-sizing:border-box;padding-left:5%;width:calc(95% - 50px);}
.logo-b li dl dd:last-child{border-bottom:none;}
.logo-b li dl dd ol{position:static;background:#fff;}
.logo-b li dl dd ol li{background:#f9f9f9;box-sizing:border-box;padding-left:10%;border-bottom:1px solid #fff;}
.cptxt li a{padding: 7px 10px;}
.cptxt li{margin: 30px 0 40px;}
.ys-c img{width:260px;}
.abob-b{display:none;}
#about{padding: 40px 0 40px;}
.abob{background:none;}
.aboux{padding:30px;width:80%;margin:auto;float:none;background:#fff;}
.abob-a h5,.abob-a h6{display:none;}
.news-b-b-a,.news-a-b-a{width: 20%;}
.news-b-b-b,.news-a-b-b{width: 80%;}
.news-a-a img{transform: translateY(0%);}
.box-b{display:none;}
.box-c{width:46%;}
.box-a{width: 54%;padding-bottom: 20px;}
.boxu{padding-top: 20px;}
.box-a li h4{font-size: 16px;}
}
@media screen and (max-width:780px){
.logo-a h2{display:block;font-size:20px;color: #0367bc;margin-top:10px;}
.logo-a h1{display:none}
.logo{height:60px;position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #f5f5f5;}
.logo-a{width: 130px;margin-top: 6px;}
.logo-cb{display:none;}
.logo-b ul>li>p{font-size:14px;padding-left:10px;}
.logo-c{width: 22%;margin-top: 16px;}
.zhz{margin-top: 5px;}
.yous{display:none;}
.txx{font-size: 22px;}
.cptxt{display:none;}
.cpimg{margin:20px auto;}
.cpimg li{border:none;}
.ys-c{display:none;}
#ys{padding:30px 0;}
.taa p{display:none;}
.yss{margin-top: 0px;}
#ys{background-image:url(../images/di8.jpg); background-size:auto 100%;padding: 40px 0;}
.ys li:nth-child(1){margin-top:0;}
.ys li:nth-child(2){margin-top:20px;}
.ys li:nth-child(3){margin-top:20px;}
.ys li:nth-child(4){margin-top:20px;}
.ys li:nth-child(5){margin-top:20px;}
.ys ul{margin:auto;}
.ys li{width:100%;margin:auto;}
.taa{margin: 10px auto 30px;}
.ys li .ys-a{width:50%;}
.ys li:nth-child(odd) .ys-a{float:left;}
.ys li:nth-child(even) .ys-a{float:right;}
.abob-b{float:none;width:100%;margin:auto;}
.abob-b img{height:auto;}
.abt{margin-top: 20px;}
#aboa{display:none;}
.abob-a{width:100%;padding:15px 5px;float:none;background:none; box-shadow:none;}
.abob{padding: 30px 10px;}
.pro{padding: 30px 0 20px;}
.pro li{width:48%;margin-right:2%;text-align:center;margin-bottom: 10px;}
.pro li:nth-child(2n){margin-right:0;}
.sy,.syy{display:none;}
.abob-a a {margin-top: 39px;width:100%;text-align:center;border:1px solid #fff;color:#fff;}
.aboux{width: 98%;padding: 0px 10px;}
.abob{margin:auto;}
.new{display:none;}
.news-a{width:100%;float:none;margin:auto;}
.news-b{width:100%;float:none;margin:auto;}
.news-a-b-b-a i{display:none;}
.news-b-b-a, .news-a-b-a{width:78px;}
.news-b-b-b,.news-a-b-b{width:calc(100% - 78px);padding-bottom: 15px;}
.news-b-b-b-a p{margin-bottom: 13px;}
.news-a-b-b-a p{margin-bottom:0;}
#about{margin-bottom: 40px;padding: 40px 0 0px;}
.abt li{width:30%;}
.news-a-b-b-a h3{margin-bottom: 14px;}
.news-a-b-b{border-bottom: 1px solid #e8e8e8;}
.news-b li:first-child .news-b-b-b{padding-top:15px;}
.taa span{display:none;}
.news-a-a img{height:auto;}
.blinks,.boxu{display:none;}
.news{padding: 30px 0 30px;}
.news-a-a{height:auto;display:none;}
}